<template>
  <Modal :value="detectionShow" :title="handleType" @on-visible-change="changeVisible">
    <Steps :current="current" direction="vertical">
      <Step
        v-for="step in Steps"
        :title="step.title"
        :status="step.status"
        :content="step.content"
      />
    </Steps>
    <div slot="footer"></div>
  </Modal>
</template>
<script>
export default {
  name: 'detection',
  props: {
    detectionShow: {
      type: Boolean,
      default: false
    },
    handleType: {
      type: String,
      default: '项目检测'
    },
    Steps: {
      type: Array,
      default: []
    }
  },
  data () {
    return {
      checkStatus: true,
      current: 0
    }
  },
  methods: {
    changeVisible: function (val) {
      this.$emit('handleChangeVisible', val)
    }
  }
}
</script>
